<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    &lt;!&ndash; Bootstrap table &ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>-->
<!--    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table&ndash;&gt;-->
<!--    <link href="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.css" rel="stylesheet">-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table.min.js"></script>-->
<!--    &lt;!&ndash;bootstrap-table-lanuage&ndash;&gt;-->
<!--    <script src="https://cdn.bootcss.com/bootstrap-table/1.14.2/bootstrap-table-locale-all.min.js"></script>-->
    <script src="/js/jquery.min.js"></script>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <!--    <link href="/css/bootstrap-table.min.css" rel="stylesheet">-->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/dist/bootstrap-table.min.js"></script>
</head>
<script>
    $(function(){
        initTable();
    });
    function initTable(){
        var url = "findmessagelist";
        $('#table').bootstrapTable({
            method:'GET',
            dataType:'json',
            contentType: "application/x-www-form-urlencoded",
            cache: false,
            striped: true,                              //是否显示行间隔色
            // sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            url:url,
             pagination:true,
            queryParams : function(params){
                return params
            },
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 5,                       //每页的记录行数（*）
            pageList: [5, 10, 15, 20],        //可供选择的每页的行数（*）
            columns: [
                {
                    field : 'park',
                    title : '主题',
                    align : 'center',
                    valign : 'middle',
                    sortable : true
                },{
                    field : 'date',
                    title : '时间',
                    align : 'center',
                    valign : 'middle',
                    sortable : true ,
                    formatter : function (value, row, index){
                        // new Date(value).format('yyyy-MM-dd hh:mm:ss');
                        return value;
                    }
                }]
        });
    }
</script>
<body>
<div class="container">
    <div class="select">

    </div>
    <div>
        <table id="table"></table>
    </div>
</div>
</body>
</html>